<div class="user-table-container" [@flyIn]="'active'">
    <form class="form-vertical" role="form">
        <div class="row">
            <div class="col-md-10">
                <div class="input-group">
                    <input class="form-control" type="text" placeholder="用户名，昵称">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button"><i class="fa fa-search" aria-hidden="true"></i>
                            搜索</button>
                    </span>
                </div>
            </div>
            <div class="col-md-2">
                <div class="input-group pull-right">
                    <button class="btn btn-primary" type="button" (click)="newUser()"><i class="fa fa-user"
                            aria-hidden="true"></i>
                        创建用户</button>
                </div>
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col-md-12">
            <div class="user-item-container">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>用户名</th>
                            <th>注册时间</th>
                            <th>最后登录</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>damoqiongqiu@126.com</td>
                            <td>2010-11-11 11:11</td>
                            <td>2016-11-27 09:34</td>
                            <td>
                                <a [routerLink]="['/manage/user-table/edituser',1]"><i class="fa fa-pencil-square-o"
                                        aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="javascript:void(0);" (click)="blockUser(1)"><i class="fa fa-lock"
                                        aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="javascript:void(0);" (click)="unBlockUser(1)"><i class="fa fa-trash"
                                        aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="javascript:void(0);" (click)="resetPwd(1)"><i class="fa fa-user-secret"
                                        aria-hidden="true"></i></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <p-paginator rows="5" totalRecords="20" first="0">
            </p-paginator>
        </div>
    </div>
</div>